<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付</title>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
</head>
<body>

<div style="margin-left: 100px;margin-top: 100px">
    <button style="width:100px;height:50px" id="J_pay">支付</button></div>

<script>
    wx.config({
        debug: false,
        appId: "${appId}"
    });

    //禁止分享
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 通过下面这个API隐藏右上角按钮
        WeixinJSBridge.call('hideOptionMenu');
    });

    $(function(){
        $("#J_pay").click(function(){
            var data = {order_id:3};
            var url = "/pay/pay";
            $.ajax({
                type: "POST",
                async: false,
                dataType: 'json',
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(data),
                url: url,
                success: function(res){
                    if(res.code == 200){
                        var datas = res.data;
                        wx.chooseWXPay({
                            // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                            timestamp: datas['timestamp'],
                             // 支付签名随机串，不长于 32 位
                            nonceStr: datas['nonce_str'],
                            package: "prepay_id="+datas['prepay_id'], // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
                            signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                            paySign: datas['sign'], // 支付签名
                            success: function (res) {
                                // 支付成功后的回调函数
                                alert("支付成功");
                                console.log("支付成功");

                            }
                        });


                    }else{
                        alert(res.msg);
                    }
                },
                error: function(){

                },
                complete: function(){
                }
            });

        });

    });



</script>
</body>
</html>
